<style tyle="text/css">
    .modal-lg {
        width: 60%;
    }
</style>
<div class="modal-header">
    <h4 class="modal-title">选择票种下景区产品</h4>
</div>
<div class="modal-body">

    <form name="form" class="form-horizontal form-validation ng-pristine ng-valid ng-valid-required">
        <div class="form-group">
            <div class="col-lg-3 control-label">景区产品:</div>
            <div class="col-lg-3">
                <ui-select ng-model="tempObj.goods" theme="bootstrap">
                    <ui-select-match placeholder="选择附属产品...">{{$select.selected.name}}<i ng-if="$select.selected.code">【{{$select.selected.code}}】</i></ui-select-match>
                    <ui-select-choices repeat="good in goodsList">
                        <span ng-bind-html="good.name | highlight: $select.search"></span>
                        【<span ng-bind-html="good.code | highlight: $select.search"></span>】
                    </ui-select-choices>
                </ui-select>
            </div>
            <label class="col-lg-1">
                <button class="btn btn-success" type="button" ng-click="add()">添加</button>
            </label>
        </div>
        <div class="form-group">
            <div class="col-lg-3"></div>
            <div class="col-lg-8">
                <div style="padding-right: 5px; padding-bottom: 5px; float: left;" ng-repeat="goods in goodsCodeArr">
                    <button class="btn btn-sm btn-info">{{goods.name}}【{{goods.code}}】&nbsp;&nbsp;&nbsp;&nbsp;
                        <i class="glyphicon glyphicon-remove" ng-click="remove($index)"></i>
                    </button>
                </div>
            </div>
        </div>
    </form>

</div>

<div class="modal-footer">
    <button class="btn btn-success" type="button" ng-click="ok()">确定</button>
    <button class="btn btn-danger" type="button" ng-click="close()">关闭</button>
</div>